<!DOCTYPE html>
<html>
<head>
    <style>
        pre
        {
            font-size: 25px;
        }
        div
        {
            width: 300px;
            height: 400px;
            background-color: aqua;
        }
    </style>
    <meta charset="UTF-8" />
    <title>背景属性</title>
</head>
<body>
    <h2>背景属性主要的有以下几种:</h2>
    <pre><b>
        
        background-color      设置背景颜色
        
        background-image      设置背景图片
        
        background-position   设置背景图片显示位置  
        left水平居左,right水平居右,center居中,top垂直靠上,bottom垂直靠下
        
        background-repeat     设置背景图片如何填充
        repeat-x横向平铺,repeat-y纵向平铺,norepeat不平铺

        background-size       设置背景图片大小属性
    </b></pre>
    <div></div>
</body>
</html>